<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大连柠盟科技有限公司</title>
    <link rel="stylesheet" type="text/css" href="{{asset('admin_assets/css/bootstrap.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin_assets/css/font-awesome/css/font-awesome.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin_assets/css/AdminLTE.min.css')}}">
    <style>
       html body{
            margin: 0;
            height: 100%;
        }
        #body{
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: hidden;
            position: relative;
        }
        #header{
            width: 100%;
            height: 60px;
            border-bottom: solid 1px #00a6ff;
            position: fixed;
            top: 0;
        }
        #header-left{
            width: 50%;
            min-width: 250px;
            font-size: 20px;
            color: #676767;
            float: left;
        }
        #header-left p{
            margin-top: 16px;
            margin-left: 30px;
        }
        /*#header-right{*/
            /*width: 50%;*/
            /*height: 100%;*/
            /*float: right;*/
        /*}*/
        #content{
            width: 100%;
            height: 70%;
            margin-top: 60px;
            background: url("{{asset('admin_assets/img/login-bg.png')}}") no-repeat;
            background-size: cover;
        }
       #content #login-form{
           width: 320px;
           height: 340px;
           background: white;
           float: right;
           border-radius: 5px;
           margin-right: 6%;
           margin-top: 6%;
        }
       #content #login-form form{
           width: 100%;
           height: 100%;
       }
       .input-group .input-group-addon {
           border-radius: 5px 0 0 5px;
       }
        .login_input{
            border-radius: 0 5px 5px 0;
        }
        .verification_code_img{
            width: 100%;
            height:34px;
            border-radius: 5px;
            cursor: pointer
        }
        #login-btn{
            width: 100%;
            height: 38px;
            outline: none;
            background-color: #f39c12;
            border: none;
            border-radius: 3px;
            display: block;
            color: white;

        }
        #footer{
            width: 100%;
            margin: 0;
            position: fixed;
            bottom: 0;
            height: 120px;
        }
        #footer_title{
            width: 100%;
            text-align: center;
            bottom: 5px;
            position: fixed;
            color: #a8a8a9;
        }
    </style>
</head>
<body>
<div id="body">
   <div id="header">
       <div id="header-left"><p>IP管理系统</p></div>
       {{--<div id="header-right"></div>--}}
   </div>
   <div id="content">
<div id="login-form">
    <form action="#" method="post" enctype="multipart/form-data" onsubmit="return false">
    <div class="row" style="margin-top: 8%">
        <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1">
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-user fa-lg" style="color: #0080ff"></i></span>
                <input id="login_account" name="login_account" type="text" class="form-control login_input" placeholder="用户名">
            </div>
        </div>
    </div>
        <div class="row" style="margin-top: 8%">
            <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1">
                <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-unlock-alt fa-lg" style="color: #0080ff"></i></span>
                    <input id="login_pwd" name="login_pwd" type="password" class="form-control login_input" placeholder="密&nbsp;&nbsp;&nbsp;&nbsp;码">
                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 8%">
            <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <input id="verification_code" name="verification_code" type="text" class="form-control" placeholder="验证码" style="border-radius: 5px">
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    <img class="verification_code_img" src="{{asset('admin_assets/img/img_9.jpg')}}">
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 8%">
            <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1">
                <p><a href="{{url('forget-password')}}" id="forgot_password">忘记密码</a>&nbsp;|&nbsp;<a href="{{url('register-index')}}" id="go_to_register">立即注册</a></p>
            </div>
        </div>
        <div class="row" style="margin-top: 8%">
            <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1">
                <button id="login-btn" type="submit">登录</button>
            </div>
        </div>
    </form>
</div>
    </div>
    <div id="footer">
        <p id="footer_title">Copyright © 2016~2017<a href="http://www.lemner.com" target="_blank" style="color: #a8a8a9;">大连柠盟科技有限公司</a></p>
    </div>
</div>
</body>
</html>
